<template>
    <div class="text-center bg-sub">
      <div class="center-position">
        <van-row>
          <van-col span="6">
            <div class="k">
              <div class="img-style">
                <img src="../common/images/icon1.png" mode="aspectFill"/>
              </div>
              <span class="sub-text">鞋包</span>
            </div>
          </van-col>
          <van-col span="6">
            <div class="k">
              <div class="img-style">
                <img src="../common/images/icon2.png" mode="aspectFill"/>
              </div>
              <span class="sub-text">男装</span>
            </div>
          </van-col>
          <van-col span="6">
            <div class="k">
              <div class="img-style">
                <img src="../common/images/icon3.png" mode="aspectFill"/>
              </div>
              <span class="sub-text">食品</span>
            </div>
          </van-col>
          <van-col span="6">
            <div class="k">
              <div class="img-style">
                <img src="../common/images/icon4.png" mode="aspectFill"/>
              </div>
              <span class="sub-text">美妆</span>
            </div>
          </van-col>
          <van-col span="6">
            <div class="k">
              <div class="img-style">
                <img src="../common/images/icon5.png" mode="aspectFill"/>
              </div>
              <span class="sub-text">电器</span>
            </div>
          </van-col>
          <van-col span="6">
            <div class="k">
              <div class="img-style">
                <img src="../common/images/icon6.png" mode="aspectFill"/>
              </div>
              <span class="sub-text">家纺</span>
            </div>
          </van-col>
          <van-col span="6">
            <div class="k">
              <div class="img-style">
                <img src="../common/images/icon7.png" mode="aspectFill"/>
              </div>
              <span class="sub-text">电子</span>
            </div>
          </van-col>
          <van-col span="6">
            <div class="k">
              <div class="img-style">
                <img src="../common/images/icon8.png" mode="aspectFill"/>
              </div>
              <span class="sub-text">更多</span>
            </div>
          </van-col>
        </van-row>
      </div>
    </div>
</template>

<script>
  export default {
    name: 'sub-nav'
  }
</script>

<style scoped>
  .text-center{margin: 0 auto;text-align: center;width:100%;height: 295rpx;padding: 30rpx 0rpx 30rpx 0rpx;}
  .bg-sub{background: white;}
  /*.center-position{background-color: #F00;width: 571rpx;height: 256rpx;position: absolute;left: 50%;top: 50%;margin: -50px 0 0 -50px;}*/
  .img-style>img{width: 73rpx;height: 75rpx;}
  .sub-text{font-size: 24rpx;color: #717171;}
  .k{margin-bottom: 20rpx;}
</style>
